.header{
	width: 100%;
	background-color: #00BFFF;
	font-size: 17px;
	color: #fff;
	text-align: center;
	position: relative;
}
.header_img{
	width: 10px; 
	height: 22px;
	position: absolute;
	left: 4%;
	top: 15%;
}
.header_image{
	width: 10px; 
	height: 22px;
	display: inline-block;
}
.notice{
	width: 100%;
	margin-top: 10px;	
}
.image{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 5%;
	top: 20%;
}
.water_knowledge{
	font-size: 14px;
	color: #3492E9;
	position: absolute;
	left: 11%;
	top: 30%;
}
.article{
	width: 60%;
	height: 100%;
	font-size: 12px;
	text-align: center;
	color: #666;
	position: absolute;
	right: 5%;
}
.article_content{
	width: 100%;
	height: 35px;
        line-height:17.5px;
	position: absolute;
	top: 15%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.order{
	width: 100%;
	position: relative;
}
.order_active{
	width: 70%;
	height: 20%;
	background-color: #3492E9;
	position: absolute;
	color: #fff;
	text-align: center;
	left: 15%;
	top:10%;
	display: inline-block;
}
.order_water{
	width: 70%;
	height: 20%;
	background-color: #3492E9;
	position: absolute;
	color: #fff;
	text-align: center;
	left: 15%;
	top:40%;
	display: inline-block;
}
.content{
	width: 100%;
	border-top: 1px solid #ccc;
	position: relative;
	display: inline-block;
}
.content_img{
	width: 25%;
	height: 70%;
	position: absolute;
	left: 5%;
	top: 15%;
}
.content_image{
	width: 100%;
	height: 100%;
}
.content_title{
	width: 55%;
	height: 20%;
	font-size: 14px;
	position: absolute;
	left: 35%;
	top: 15%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content_description{
	width: 55%;
	height: 28px;
	font-size: 12px;
	position: absolute;
	left: 35%;
	top: 38%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.content_time{
	height: 20%;
	font-size: 12px;
	position: absolute;
	right: 10%;
	top: 70%;
	
}
